<template>
	<view class="">
		<view class="lists">
			<view class="list">
				<view class="left">
					姓名
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="姓名" />
				</view>
			</view>

			<view class="list">
				<view class="left">
					性别
				</view>
				<view class="right">
					<u-radio-group v-model="value" @change="radioGroupChange">
						<u-radio name="男" :disabled="form.sex">
							男
						</u-radio>
						<u-radio name="女" :disabled="form.sex">
							女
						</u-radio>
					</u-radio-group>
				</view>
			</view>
			<view class="list">
				<view class="left">
					身份证号
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="身份证号" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					当前级别
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="当前级别" />
				</view>
			</view>

			<view class="list">
				<view class="left">
					晋级后级别
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="晋级后级别" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					学历
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="学历" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					婚姻
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="婚姻" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					现在地址
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="住址" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					浦发银行开户行
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="开户行" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					户名
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="户名" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					账号
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="账号" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					直荐上级领导姓名
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="上级姓名" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					直荐上级领导人
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="上级领导人" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					直荐上级领导人级别
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="领导人级别" />
				</view>
			</view>
			<view class="list">
				<view class="left">
					申请人签名
				</view>
				<view class="right">
					<input class="inp" type="text" value="" placeholder="" />
				</view>
			</view>

		</view>
		<view class="main">
			<view class="group">
				<u-checkbox-group @change="checkboxGroupChange">
					<u-checkbox size='50rpx' icon-size="30rpx" v-model="form.checked" name="合伙人承诺书"><view  @click="router(1)">合伙人承诺书</view></u-checkbox>
					<u-checkbox size='50rpx' icon-size="30rpx" v-model="form.checked1" name="确认培训"><view  @click="router(2)">确认培训</view></u-checkbox>
				</u-checkbox-group>
			</view>
		</view>
		<!-- 签名 -->
		<view class="qm">
			<image class="img" src="../../static/zonghe/bgc1.png" mode=""></image>
		</view>
		<!-- 提交 -->
		<view class="submit" @click="btn">
			提交
		</view>
		<view class="span">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '',
					intro: '',
					sex: '',
					checked: '',
					checked1: ''
				},
				radio: '',
				value: ''
			};
		},
		methods: {
			router(e){
				if(e==1){
					uni.navigateTo({
						url:'../join/chengnuoshu'
					})
				}else{
					uni.navigateTo({
						url:'../join/pexun'
					})
				}
				
			},
			btn(){
				uni.navigateTo({
					url:'../fuwu/fuwu'
				})
			},
			// 单选
			radioGroupChange(e) {
				console.log(e);
			},
			// 多选
			checkboxGroupChange(e) {
				console.log(e);
				
			}
		}
	};
</script>
<style lang="scss">
	page {
		background-color: #F5F5F5;
	}

	.lists {
		.list {
			display: flex;
			background-color: #FFFFFF;
			margin: 20rpx 0;
			padding: 20rpx 0;

			.left {
				width: 40%;
				text-align: center;
				font-size: 30rpx;
				line-height: 60rpx;
			}

			.right {
				width: 60%;

				.inp {
					width: 360rpx;
					height: 60rpx;
					border: 2rpx solid #999;
					padding-left: 20rpx;
					font-size: 28rpx;
				}
			}
		}
	}

	.main {
		background-color: #FFFFFF;
		padding: 10rpx;

	}

	.group {
		width: 500rpx;
		margin: 10rpx auto;
	}

	.qm {
		margin: 40rpx auto;
		width: 400rpx;
		height: 220rpx;
	}

	.submit {
		width: 200rpx;
		height: 68rpx;
		line-height: 68rpx;
		margin: auto;
		border-radius: 20rpx;
		background-color: rgba(225, 111, 111, 100);
		text-align: center;
		border: 2rpx solid rgba(255, 255, 255, 100);
		color: #fff;
	}

	.span {
		height: 80rpx;
	}
</style>
